@use "./reset";
// @use "./element/color.scss";
/* 定义整个滚动条 */
::-webkit-scrollbar {
  width: 6px; /* 设置垂直滚动条的宽度 */
  height: 6px; /* 设置水平滚动条的高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #d6d7d9;
  border-radius: 10px;
}

/* 滚动条滑块悬停时 */
::-webkit-scrollbar-thumb:hover {
  background: #909399;
}
.app-container {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}

// 分割线样式
.divider {
  display: inline-block;
  width: 1px;
  height: 12px;
  background: rgba(0, 0, 0, 0.1);
  margin: auto 0;
}

// 左侧树状结构样式
.left-tree-box {
  width: 16%;
  min-height: 200px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
  padding: 16px 0 16px 16px;
}

.pb-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; /* 或者其他具体的宽度 */
}

.main-box {
  padding: 16px;
  box-sizing: border-box;
}
.divide-css {
  width: 100%;
  height: 16px;
  background: #f3f3f3;
}

.demo-tabs {
  .el-tabs__nav-scroll {
    padding: 0 16px;
  }
}
